<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Author" content="cjw">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 <link type="text/css" rel="stylesheet" href="css/MyCss.css" />
  <style>
	*{margin: 0; padding: 0; font-size:12px;}
	.infor-nav-con,.goods-nav-con,.flip-advert-con,.part1-con,.part2-con, .body-con {width:1000px; margin:auto;}
	.goods-area-part1, .goods-area-part2, .part2-con, .goods-nav-con, .goods-body {overflow:hidden;}
	ul {list-style-type:none;}
	/* S - infor-nav */
	.infor-nav {width:100%; position:relative; background:#555;}
	.infor-nav .infor-nav-con {height:40px;}
	.infor-nav .infor-nav-con ul {}
	.infor-nav .infor-nav-con ul li {float:left; color:#fff; width:200px; margin:12px 0px;}
	.infor-nav .infor-nav-con ul li:nth-child(3) {width:300px;}  
	.infor-nav .infor-nav-con ul li .my-cart-i{background:url(image/my-cart.png); }
	.infor-nav .infor-nav-con ul li:last-child {float:right;}
	.infor-nav .infor-nav-con label{cursor:pointer;}
	.infor-nav .infor-nav-con label:hover{color:#f6f4f0;}
	/* E - infor-nav */

	/* S - follow-box */
	.follow-box{width:100%; top:0; height:50px; background:#555; display:none; position:fixed;}
	/* E - follow-box */

	/* S - goods-nav */
	.shop-nav,.shop-icon {float:left;}
	.goods-nav{width:100%; border-bottom:1px solid rgba(204, 207, 208, 0.26)}
	.goods-nav .goods-nav-con { height:20px; padding:30px 2px;}
	.goods-nav .goods-nav-con .shop-icon {}
	.goods-nav .goods-nav-con .shop-icon a{background:url(image/store_ico.png);width: 48px;height: 48px;display: block;cursor:pointer; margin:-14px 10px;}
	.goods-nav .goods-nav-con .shop-nav {margin-left:80px;}
	.goods-nav .goods-nav-con .shop-nav ul li {float:left; width:60px; height:25px; text-align:center; line-height:25px; cursor:pointer;}
	.goods-nav .goods-nav-con .shop-nav ul li:hover{background:#555; color:#f6f4f0;}
	.goods-nav .goods-nav-con .shop-nav ul li:nth-child(1) {background:#555; color:#f6f4f0;}
	.goods-nav .goods-nav-con .shop-search {float:right;}
	.goods-nav .goods-nav-con .shop-search input {padding-left:30px;}
	.goods-nav .goods-nav-con .shop-search .shop-search-i {background:url(image/shop_search.png); opacity:0.5; position:absolute; cursor:pointer;}
	.goods-nav .goods-nav-con .shop-search .shop-search-i:hover{opacity:1;}
	/* E - goods-nav */

	/* S - goods-body */
	.goods-body {}
	.goods-body .body-con {border:1px solid rgba(204, 207, 208, 0.26); margin-top:30px; min-height:628px;}
	.body-con ul li {width:; height:; border:1px solid rgba(204, 207, 208, 0.26);}
	/* E - goods-body */

	/* S - foot */
	.foot{min-height:50px;}
	.bom_container{height:40px; width:900px; border-bottom:1px solid #ccc; margin:auto;}
	/* E - foot */
  </style>
 </head>
 <body>
	<!--S - infor-nav-->
	<div class="infor-nav">
		<div class="infor-nav-con">
			<!--登录 注册 我的订单 我的个人信息 购物车 -->
			<ul>
				<li>
					<label>您当前还未登录</label>&nbsp;&nbsp;&nbsp;&nbsp;
					<label>注册</label>
				</li>
				<li></li>
				<li></li>
				<li>
					<label class="my-infor">我的个人信息</label>&nbsp;&nbsp;
					<label class="my-order">我的订单</label>&nbsp;&nbsp;
					<label class="my-cart">
						<!--
						<i class="my-cart-i" title="购物车"></i>
						-->
						购物车
					</label>
				</li>
			</ul>
		</div>
	</div>
	<!--E - infor-nav-->

	<!--S - follow-box-->
	<div class="follow-box"></div>
	<!--E - follow-box-->

	<!--S - goods-nav-->
	<div class="goods-nav">
		<div class="goods-nav-con">
			<div class="shop-icon">
				<a></a>
			</div>
			<div class="shop-nav">
				<ul>
					<li>服装</li>
					<li>日用品</li>
					<li>食品</li>
					<li>电子产品</li>
					<li>高科技</li>
				</ul>
			</div>
			<div class="shop-search">
				<label>
					<i class="shop-search-i"></i><input type="text" style="" placeholder="查找">
				</label>
			</div>
		</div>
	</div>
	<!--E - goods-nav-->

	<!--S - goods-body-->
	<div class="goods-body">
		<div class="body-con">
		</div>
	</div>
	<!--E - goods-body-->

	<!--S -  foot-->
	<div class="foot">
		<div class="bom_container">
			<li style="color:#586069;list-style:none;padding:10px 245px;">Copyright ©2017 <span  style="color:#a71d5d;cursor:pointer;" title="作者介绍">chen</span> Powered By <span  style="color:#a71d5d;cursor:pointer;" title="程序目录">shop_net</span> Version 1.0.0</li>
		</div>
	</div>
	<!--E - foot-->
	<script>
	</script>
 </body>
</html>